Page({
  data: {
    // 用户信息
    userInfo: {
      avatar: 'cloud://cloud1-5gn2jipsaa21f49d.636c-cloud1-5gn2jipsaa21f49d-1381622514/avatar-g.png',
      nickname: '小丸子',
      level: 5,
      levelName: '文化探索者',
      points: 1250,
      exp: 750,
      nextLevelExp: 1000
    },
    
    // 身份标签
    userTags: [
      { id: 1, name: '美食家', icon: '🍽️', color: '#FF9800' },
      { id: 2, name: '文化探索者', icon: '🏦', color: '#2196F3' },
      { id: 3, name: '社区明星', icon: '⭐', color: '#FF5722' }
    ],
    
    // 功能入口网格
    functionGrid: [
      {
        id: 'achievements',
        name: '我的成就',
        icon: '🏆',
        color: '#FF9800',
        count: 12,
        desc: '已获得勋章'
      },
      {
        id: 'points',
        name: '我的积分',
        icon: '💰',
        color: '#4CAF50',
        count: 1250,
        desc: '可用积分'
      },
      {
        id: 'orders',
        name: '我的订单',
        icon: '📄',
        color: '#2196F3',
        count: 5,
        desc: '待处理订单'
      },
      {
        id: 'favorites',
        name: '我的收藏',
        icon: '❤️',
        color: '#E91E63',
        count: 23,
        desc: '收藏内容'
      },
      {
        id: 'posts',
        name: '我的帖子',
        icon: '📝',
        color: '#9C27B0',
        count: 8,
        desc: '已发布'
      },
      {
        id: 'activities',
        name: '我的活动',
        icon: '🎉',
        color: '#FF5722',
        count: 3,
        desc: '参与活动'
      },
      {
        id: 'footprint',
        name: '我的足迹',
        icon: '👣',
        color: '#795548',
        count: 15,
        desc: '探索记录'
      },
      {
        id: 'settings',
        name: '设置',
        icon: '⚙️',
        color: '#607D8B',
        count: 0,
        desc: '系统设置'
      }
    ],
    
    // 成就统计
    achievements: {
      total: 25,
      completed: 12,
      percentage: 48,
      recent: [
        { name: '第一次发帖', icon: '🎉', time: '2天前' },
        { name: '积分达人', icon: '💰', time: '5天前' },
        { name: '社区新手', icon: '👋', time: '1周前' }
      ]
    },
    
    // 活动统计
    activityStats: {
      initiated: 2,
      joined: 8,
      collected: 5
    },
    
    // 积分统计
    pointsStats: {
      total: 3250,
      used: 2000,
      available: 1250,
      thisMonth: 350
    },
    
    // 设置选项
    settingsOptions: [
      { id: 'account', name: '账户管理', icon: '👤' },
      { id: 'notification', name: '通知设置', icon: '🔔' },
      { id: 'privacy', name: '隐私设置', icon: '🔒' },
      { id: 'language', name: '语言设置', icon: '🌍' },
      { id: 'about', name: '关于我们', icon: 'ℹ️' },
      { id: 'feedback', name: '意见反馈', icon: '📝' }
    ]
  },

  onLoad() {
    console.log('用户中心页面加载');
    this.loadUserData();
  },

  onShow() {
    // 更新 TabBar 选中状态
    this.updateTabBarSelected();
    // 刷新用户数据
    this.refreshUserStats();
  },

  // 加载用户数据
  loadUserData() {
    // 模拟加载用户信息
    wx.showLoading({
      title: '加载中...',
      mask: true
    });
    
    setTimeout(() => {
      wx.hideLoading();
      // 这里可以从服务器获取用户数据
      this.calculateUserLevel();
    }, 1000);
  },

  // 计算用户等级
  calculateUserLevel() {
    const { userInfo } = this.data;
    const percentage = Math.floor((userInfo.exp / userInfo.nextLevelExp) * 100);
    
    this.setData({
      'userInfo.expPercentage': percentage
    });
  },

  // 刷新用户统计数据
  refreshUserStats() {
    // 这里可以实时更新用户的各项统计数据
    console.log('刷新用户统计数据');
  },

  // 功能入口点击
  onFunctionClick(e) {
    const functionId = e.currentTarget.dataset.id;
    
    switch(functionId) {
      case 'achievements':
        this.goToAchievements();
        break;
      case 'points':
        this.goToPoints();
        break;
      case 'orders':
        this.goToOrders();
        break;
      case 'favorites':
        this.goToFavorites();
        break;
      case 'posts':
        this.goToPosts();
        break;
      case 'activities':
        this.goToActivities();
        break;
      case 'footprint':
        this.goToFootprint();
        break;
      case 'settings':
        this.goToSettings();
        break;
      default:
        wx.showToast({
          title: '功能开发中...',
          icon: 'none'
        });
    }
  },

  // 跳转到成就页面
  goToAchievements() {
    wx.showModal({
      title: '我的成就 🏆',
      content: `总成就：${this.data.achievements.total}个\n已获得：${this.data.achievements.completed}个\n完成度：${this.data.achievements.percentage}%\n\n最近获得：\n${this.data.achievements.recent.map(item => `• ${item.name} (${item.time})`).join('\n')}`,
      confirmText: '查看详情',
      cancelText: '返回',
      success: (res) => {
        if (res.confirm) {
          wx.showToast({
            title: '成就页面开发中',
            icon: 'none'
          });
        }
      }
    });
  },

  // 跳转到积分页面
  goToPoints() {
    wx.showModal({
      title: '我的积分 💰',
      content: `可用积分：${this.data.pointsStats.available}\n历史总积分：${this.data.pointsStats.total}\n已使用积分：${this.data.pointsStats.used}\n本月新增：${this.data.pointsStats.thisMonth}\n\n点击确认查看详细记录`,
      confirmText: '查看记录',
      cancelText: '返回',
      success: (res) => {
        if (res.confirm) {
          wx.showToast({
            title: '积分记录页面开发中',
            icon: 'none'
          });
        }
      }
    });
  },

  // 跳转到订单页面
  goToOrders() {
    wx.showToast({
      title: '订单页面开发中',
      icon: 'none'
    });
  },

  // 跳转到收藏页面
  goToFavorites() {
    wx.showToast({
      title: '收藏页面开发中',
      icon: 'none'
    });
  },

  // 跳转到我的帖子
  goToPosts() {
    wx.showToast({
      title: '我的帖子页面开发中',
      icon: 'none'
    });
  },

  // 跳转到活动管理
  goToActivities() {
    wx.showModal({
      title: '我的活动 🎉',
      content: `我发起的活动：${this.data.activityStats.initiated}个\n我参与的活动：${this.data.activityStats.joined}个\n我收藏的活动：${this.data.activityStats.collected}个\n\n点击确认查看详细信息`,
      confirmText: '查看详情',
      cancelText: '返回',
      success: (res) => {
        if (res.confirm) {
          wx.showToast({
            title: '活动管理页面开发中',
            icon: 'none'
          });
        }
      }
    });
  },

  // 跳转到我的足迹
  goToFootprint() {
    wx.showModal({
      title: '我的足迹 👣',
      content: '在这里可以查看您在小程序中的所有探索历程：\n\n• 文化故事模块探索进度\n• 关卡挑战完成情况\n• 社区互动记录\n• 商城浏览记录\n\n这些数据将帮助系统为您推荐更精准的内容！',
      confirmText: '查看详情',
      cancelText: '返回',
      success: (res) => {
        if (res.confirm) {
          wx.showToast({
            title: '足迹页面开发中',
            icon: 'none'
          });
        }
      }
    });
  },

  // 跳转到设置页面
  goToSettings() {
    wx.showActionSheet({
      itemList: this.data.settingsOptions.map(item => item.name),
      success: (res) => {
        const selectedOption = this.data.settingsOptions[res.tapIndex];
        wx.showModal({
          title: selectedOption.name,
          content: `${selectedOption.name}功能开发中，敬请期待！`,
          showCancel: false,
          confirmText: '知道了'
        });
      }
    });
  },

  // 用户信息点击
  onUserInfoClick() {
    wx.showModal({
      title: '用户信息',
      content: `昵称：${this.data.userInfo.nickname}\n等级：${this.data.userInfo.level} - ${this.data.userInfo.levelName}\n积分：${this.data.userInfo.points}\n经验值：${this.data.userInfo.exp}/${this.data.userInfo.nextLevelExp}`,
      confirmText: '编辑资料',
      cancelText: '返回',
      success: (res) => {
        if (res.confirm) {
          wx.showToast({
            title: '资料编辑功能开发中',
            icon: 'none'
          });
        }
      }
    });
  },

  // 身份标签点击
  onTagClick(e) {
    const tag = e.currentTarget.dataset.tag;
    wx.showModal({
      title: `${tag.name} ${tag.icon}`,
      content: `您已获得「${tag.name}」标签！\n\n这个标签基于您的行为数据和兴趣偏好生成，将帮助系统为您推荐更精准的内容和同好。`,
      confirmText: '查看推荐',
      cancelText: '返回',
      success: (res) => {
        if (res.confirm) {
          wx.showToast({
            title: '推荐系统开发中',
            icon: 'none'
          });
        }
      }
    });
  },

  // 更新 TabBar 选中状态
  updateTabBarSelected() {
    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
      this.getTabBar().updateSelectedIndex();
    }
  },

  // 下拉刷新
  onPullDownRefresh() {
    this.loadUserData();
    setTimeout(() => {
      wx.stopPullDownRefresh();
    }, 1500);
  }
});